<template>
	<view class="app">
		<!-- <u-navbar :custom-back="fanhui" :background="background"></u-navbar> -->
		<u-navbar placeholder="true" title="授权手机号码" :autoBack="true"></u-navbar>
		<view class="aeadfe">
			<view class="sqsjt">授权手机</view>
	  		<view>
				<u--input clearable customStyle=" width: 690rpx;marginLeft: 30rpx; height: 86rpx;background: #F2F2F2; paddingLeft: 40rpx; " placeholder="请输入手机号" border="surround" v-model="value" shape="circle" @change="change" ></u--input>
			</view>

			<button class="input-content-qx" :loading="loading" v-if="showp" type="primary" @click="tabBarUrl()">确定</button>

			<u-checkbox-group class="row" v-model="checkboxValue1" placement="column" @change="checkboxChange">
				<label>
					<view class="row myy">
						<u-checkbox activeColor="red" :customStyle="{ marginBottom: '0px' }" shape="circle"></u-checkbox>
						<view style="margin-left: 20rpx;margin-right: 30rpx;">
							<view>
								<view class="zti" @click="show = true">
									请认真阅读
									<text style="color: red;">群众缘服务协议</text>
									和
									<text style="color: red;">个人信息保护政策</text>
									注册即表示你 已同意群众缘服务协议
								</view>
							</view>
						</view>
					</view>
				</label>
			</u-checkbox-group>

			<u-popup :show="show" closeable :round="10" mode="center" @close="close" @open="open">
				<view class="tcca">
					<view class="z-a center">群众缘服务协议</view>
					<view class="ziia">
						<view class="z-a1 zzm">群众缘服务协议内容样式内容。</view>
						<view class="z-b zzm">乙方：经甲乙双方充分协商，在自愿互惠的基础上，双方就甲方为乙方产品提供宣传推广服务相关事宜，达成以下协议。</view>
						<view class="z-c zzm">一、甲方的权利义务</view>
						<view class="z-d zzm">1.群众缘甲方应当积极宣传推广乙方的产品，提高乙方产品的销售量。</view>
						<view class="z-e zzm">2.群众缘甲方在宣传推广过程中不得进行有损乙方形象及名誉的宣传，因此给乙方造成损失的，甲方应当承当违约责任。</view>
						<view class="z-f zzm">3.群众缘甲方在宣传推广过程中应当严格遵守相关法律法规，不得进行虚假宣传、夸大产品功能等。</view>
						<view class="z-g zzm">二、乙方的权利义务</view>
						<view class="z-h zzm">1.乙方不得对外签署任何形式的，低于与甲方约定销售价格的销售合同及第三方委托代表。</view>
						<view class="z-i zzm">
							2.乙方应当根据宣传计划向甲方免费提供产品宣传资料。乙方根据需要自行决定是否对甲方进行培训。如乙方对甲方实施培训，甲方应当积极准时参加。
						</view>
						<view class="z-j zzm">3.乙方应向甲方提供详细的产品综合报价。甲方乙方在宣传推广产品中遇到的相关问题，乙方应当及时提供相应的咨询和支持。</view>
						<view class="z-k zzm">4.乙方应当根据本合同约定及时向甲方支付市场拓展服务费。</view>
					</view>
				</view>
			</u-popup>
		</view>
	</view>
</template>

<script>
import api from '@/api/auth.js';
export default {
	data() {
		return {
			show: false,
			radiolist1: 'aaa',
			showp: true
		};
	},
	onShow() {
		//获取code
	},
	onLoad(option) {
		var superior = uni.getStorageSync('superior');
		if (superior) {
			this.superior = superior;
		}
	},
	methods: {
		close() {
			this.show = false;
			// console.log('close');
		},
		fanhui() {
			uni.switchTab({
				url: '/pages/index/index'
			});
		},
		tabBarUrl() {
			uni.switchTab({
				url: '/pages/index/index'
			});
		}
	}
};
</script>

<style lang="scss">
.app {
	// padding-top: 300rpx;
}
.tcca {
	width: 690rpx;
	padding: 30rpx;
}
.sqsjt {
	margin-top: 200rpx;
	margin-left: 40rpx;
	margin-bottom: 50rpx;

	font-size: 50rpx;
	font-family: PingFang;
	font-weight: bold;
	color: #000000;
}

.input-content-qx {
	width: 690rpx;
	height: 100rpx;
	background: #f2f2f2;
	border-radius: 50rpx;
	text-align: center;
	font-size: 34rpx;
	line-height: 100rpx;
	margin-top: 320rpx;
	margin-left: 30rpx;
	font-size: 26rpx;
	font-family: PingFang;
	font-weight: bold;
	color: #000000;
}

.aeadfe {
	uni-button:after {
		border: 1px solid #f2f2f2;
	}
}

.myy {
	margin-top: 50rpx;
	margin-left: 30rpx;
}

.zti {
	line-height: 40rpx;
	font-size: 23rpx;
	font-family: PingFang;
	font-weight: 500;
	color: #999999;
}

.z-a {
	margin-top: 50rpx;
	font-size: 36rpx;
	font-family: PingFang;
	font-weight: bold;
	color: #000000;
}
.ziia {
	margin-top: 30rpx;
	font-size: 20rpx;
	font-family: PingFang;
	font-weight: 500;
	color: #4e4e4e;
	line-height: 40rpx;
}
.zzm {
	margin-bottom: 16rpx;
}
</style>
